<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="/common/common.jspf" %>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>test</title>

</head>
<!-- 
标签：
声明控件：class="easyui-控件名"，例如：class="easyui-dialog"
控件属性：data-options="属性名:'属性值',属性名:'属性值'"，例如：data-options="iconCls:'icon-save',resizable:true
控件事件：data-options="属性名:'属性值',事件名:function(){}"，
Js:
声明控件：$(选择器).控件名({
  属性名：属性值，
   属性名：属性值，
  事件名：function(){},
   事件名：function(){}
});

如何调用控件已有的方法：
 $(选择器).控件名("方法名", "方法参数");
 $(选择器).控件名("方法名", {参数名：参数值，参数名：参数值 });
 -->
	<script type="text/javascript">

		$(function() {

            $('#dg').datagrid({
                url:'${proPath}/role/selectPage.action',
                columns:[[
                    {checkbox:true},
                    {field:'roleId',title:'角色编号',width:100},
                    {field:'roleName',title:'角色名称',width:100,
                        formatter: function(value,row,index){
                            var array = '${applicationScope.sysParamMap.dc_role}';
                            return valueToText(array,value);
                        }},
                    {field:'roleCreatetime',title:'创建时间',width:100},
                    {field:'roleStatus',title:'角色状态',width:100,
                        formatter: function(value,row,index){
                            var array = '${applicationScope.sysParamMap.role_status}';
                            return valueToText(array,value);
                        }}
                ]],
                fitColumns:true,
                toolbar: [{
                    iconCls: 'icon-save',
                    text:'添加',
                    handler: function(){
                        parent.$('#win').window({
                            width:600,
                            height:300,
                            title:'添加用户',
                            modal:true,
                            content:"<iframe src='${proPath}/base/goURL.action?url=home/roleadd' title='添加角色' height='100%' width='100%' frameborder='0px'/>"
                        });
                    }
                },'-',{
                    iconCls: 'icon-edit',
                    text:'修改',
                    handler: function(){
                        var row = $('#dg').datagrid("getSelected");
                        if(null==row){
                            alert("请选择需要修改的角色");
                            return ;
                        }

                        parent.$('#win').window({
                            width:600,
                            height:300,
                            title:'修改角色',
                            modal:true,
                            content:"<iframe src='${proPath}/base/goURL.action?url=home/roleupdate' title='修改角色' height='100%' width='100%' frameborder='0px'/>"
                        });
                    }
                },'-',{
                    iconCls: 'icon-remove',
                    text:'删除',
                    handler: function(){
                        var row = $('#dg').datagrid("getSelected");
                        if(null==row){
                            alert("请选择需要删除的用户");
                            return ;
                        }
                        $.messager.confirm('确认','您确认想要删除记录吗？',function(r){
                            if (r){
                                $.post("${proPath}/role/roledel.action",
                                    {
                                        id:row.roleId,
                                    },
                                    function(data){
                                        alert('删除成功');
                                        $('#dg').datagrid('reload');
                                    });

                            }
                        });
                    }
                },'-',{
                    iconCls: 'icon-edit',
                    text:'设置人员',
                    handler: function(){
                        var row = $('#dg').datagrid("getSelected");
                        if(null==row){
                            alert("请选择需要设置的用户");
                            return ;
                        }
                        parent.$('#win').window({
                            width:600,
                            height:300,
                            title:'设置人员',
                            modal:true,
                            content:"<iframe src='${proPath}/base/goURL.action?url=home/rolesetemp' title='设置人员' height='100%' width='100%' frameborder='0px'/>"
                        });
                    }
                },'-',{
                    iconCls: 'icon-edit',
                    text:'设置权限',
                    handler: function(){
                        var row = $('#dg').datagrid("getSelected");
                        if(null==row){
                            alert("请选择需要设置的用户");
                            return ;
                        }
                        parent.$('#win').window({
                            width:600,
                            height:300,
                            title:'设置权限',
                            modal:true,
                            content:"<iframe src='${proPath}/base/goURL.action?url=home/rolesetright' title='设置权限' height='100%' width='100%' frameborder='0px'/>"
                        });
                    }
                }],
                striped:true,
                rownumbers:true,
				singleSelect:true,
                pagination:true,
                pageSize:3,
                pageList:[3,6,9,12,15],
            });
		});
	</script>
<body>
	<!-- 右键菜单定义如下： -->
	<table id="dg"></table>

</body>
</html>